<!doctype html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<title>步浪博客之点滴记忆</title>
		<meta name="Keywords" content="关键词,关键词,关键词"/>
		<meta name="description" content=""/>
		<link type="text/css" rel="stylesheet" href="css/public.css"/>
		<link type="text/css" rel="stylesheet" href="css/index.css"/>
		<link type="text/css" rel="stylesheet" href="css/article_list.css"/>

	</head>
<body>
<!--top start-->
<div class="top">
	<div class="top_con">
		<div class="top_con_left"><a href="#"><img src="images/logo.jpg" width="300"height="150"alt="步浪博客"title="步浪个人博客"></a></div>
		<div class="top_con_right">
			<p class="pinf">生的再平凡也是限量版</p>
			<p class="jiaz">既然是限量版就该有限量版的价值</p>
			<p class="bulang">----By:步浪</p>
			<b><img src="images/top.gif" height="130"alt="刘亦菲相册"title="刘亦菲相册"/></b>
		</div>
	</div>
</div>
<!--top end-->
<!--con start-->
<div class="con">
	<!--nav start-->
	<div class="nav">
		<div class="nav_t"></div>
		<div class="nav_c">
			<ul>
				<li><a href="#" class="on">首页</a></li>
				<li><a href="#">关于我</a></li>
				<li><a href="#">学海无涯</a></li>
				<li><a href="#">点滴记忆</a></li>
				<li><a href="#">有感而发</a></li>
				<li><a href="#">追踪时光</a></li>
				<li><a href="#">留言版</a></li>
			</ul>
		</div>
	</div>
	<!--nav end-->
	<!--articla start-->
	<div class="article_left">
		<div class="article_tuiJ">
			<h3><a href="#">首页</a>&gt;&gt;<a href="#">点滴记忆</a></h3>
			<p>美好的往事是值得记忆的，让我们一起记录生活的点滴</p>
		</div>
		<div class="article_tit">
			<div class="article_tit_pic"><a href="#"><img src="images/01.jpg"/></a></div>
			<div class="article_tit_txt">
				<h4><a href="#">住在手机里的朋友</a></h4>
				<p><a href="javascript:voide(0)" class="writer">步浪</a><a href="#" class="Clas">学海无涯</a><a href="javascript:voide(0)" class="time">2014-02-19</a><a href="javascript:voide(0)" class="opine">评论（30）</a><a href="javascript:voide(0)" class="look">浏览（459）</a></p>
				<p class="article_con">通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
				<a href="#" class="readAll">阅读全文</a>
			</div>
			<div style="clear:both;"></div>
		</div>
		<div class="article_tit">
			<div class="article_tit_pic"><a href="#"><img src="images/01.jpg"/></a></div>
			<div class="article_tit_txt">
				<h4><a href="#">住在手机里的朋友</a></h4>
				<p><a href="javascript:voide(0)" class="writer">步浪</a><a href="#" class="Clas">学海无涯</a><a href="javascript:voide(0)" class="time">2014-02-19</a><a href="javascript:voide(0)" class="opine">评论（30）</a><a href="javascript:voide(0)" class="look">浏览（459）</a></p>
				<p class="article_con">通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
				<a href="#" class="readAll">阅读全文</a>
			</div>
			<div style="clear:both;"></div>
		</div>
		<div class="article_tit">
			<div class="article_tit_pic"><a href="#"><img src="images/01.jpg"/></a></div>
			<div class="article_tit_txt">
				<h4><a href="#">住在手机里的朋友</a></h4>
				<p><a href="javascript:voide(0)" class="writer">步浪</a><a href="#" class="Clas">学海无涯</a><a href="javascript:voide(0)" class="time">2014-02-19</a><a href="javascript:voide(0)" class="opine">评论（30）</a><a href="javascript:voide(0)" class="look">浏览（459）</a></p>
				<p class="article_con">通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
				<a href="#" class="readAll">阅读全文</a>
			</div>
			<div style="clear:both;"></div>
		</div>
		<div class="article_tit">
			<div class="article_tit_pic"><a href="#"><img src="images/01.jpg"/></a></div>
			<div class="article_tit_txt">
				<h4><a href="#">住在手机里的朋友</a></h4>
				<p><a href="javascript:voide(0)" class="writer">步浪</a><a href="#" class="Clas">学海无涯</a><a href="javascript:voide(0)" class="time">2014-02-19</a><a href="javascript:voide(0)" class="opine">评论（30）</a><a href="javascript:voide(0)" class="look">浏览（459）</a></p>
				<p class="article_con">通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
				<a href="#" class="readAll">阅读全文</a>
			</div>
			<div style="clear:both;"></div>
		</div>
		<div class="article_tit">
			<div class="article_tit_pic"><a href="#"><img src="images/01.jpg"/></a></div>
			<div class="article_tit_txt">
				<h4><a href="#">住在手机里的朋友</a></h4>
				<p><a href="javascript:voide(0)" class="writer">步浪</a><a href="#" class="Clas">学海无涯</a><a href="javascript:voide(0)" class="time">2014-02-19</a><a href="javascript:voide(0)" class="opine">评论（30）</a><a href="javascript:voide(0)" class="look">浏览（459）</a></p>
				<p class="article_con">通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
				<a href="#" class="readAll">阅读全文</a>
			</div>
			<div style="clear:both;"></div>
		</div>
		<div class="article_tit">
			<div class="article_tit_pic"><a href="#"><img src="images/01.jpg"/></a></div>
			<div class="article_tit_txt">
				<h4><a href="#">住在手机里的朋友</a></h4>
				<p><a href="javascript:voide(0)" class="writer">步浪</a><a href="#" class="Clas">学海无涯</a><a href="javascript:voide(0)" class="time">2014-02-19</a><a href="javascript:voide(0)" class="opine">评论（30）</a><a href="javascript:voide(0)" class="look">浏览（459）</a></p>
				<p class="article_con">通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
				<a href="#" class="readAll">阅读全文</a>
			</div>
			<div style="clear:both;"></div>
		</div>
		<div class="article_tit">
			<div class="article_tit_pic"><a href="#"><img src="images/01.jpg"/></a></div>
			<div class="article_tit_txt">
				<h4><a href="#">住在手机里的朋友</a></h4>
				<p><a href="javascript:voide(0)" class="writer">步浪</a><a href="#" class="Clas">学海无涯</a><a href="javascript:voide(0)" class="time">2014-02-19</a><a href="javascript:voide(0)" class="opine">评论（30）</a><a href="javascript:voide(0)" class="look">浏览（459）</a></p>
				<p class="article_con">通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
				<a href="#" class="readAll">阅读全文</a>
			</div>
			<div style="clear:both;"></div>
		</div>
		<div class="Index">
			<ul>
				<li><a href="#" class="Index_on">首页</a></li>
				<li><a href="#">上一页</a></li>
				<li><a href="#">1</a></li>
				<li><a href="#">2</a></li>
				<li><a href="#">3</a></li>
				<li><a href="#">4</a></li>
				<li><a href="#">5</a></li>
				<li><a href="#">下一页</a></li>
				<li><a href="#">末页</a></li>
				<li><a href="javascript:void(0)">共5页40条</a></li>
			</ul>
		</div>
	</div>
	<!--article end-->
	<div class="banner_right">
		<div class="search">
			<input type="text" placeholder="请输入关键词" autofocus/>
			<a href="#">搜索</a>
		</div>
		<div class="lit_nav">
			<div class="borD"><a href="#">前端技术</a></div>
			<div class="borD"><a href="#">SEO技术</a></div>
			<div class="borD"><a href="#">正能量</a></div>
			<div class="borD"><a href="#">程序人生</a></div>
			<div class="borD"><a href="#">股海的经验</a></div>
			<div class="borD"><a href="#">双节棍之道</a></div>
			<div style="clear:both;"></div>
		</div>
		<div class="tonZ">
			<h3 class="zn_tonZ">站内通知<img src="images/tonZ.gif" width="20"height="20"/></h3>
			<p class="tonZ_con">
				<span>热烈祝贺：</span>步浪个人博客1.0版正式上线，欢迎大家来吐槽，<a href="#">留言</a>你们的建议，浪哥在此拜谢！！
			</p>
		</div>
	</div>

	<!--banner end-->
	<!--article start-->
	
		<div class="article_right">
			<div class="three_news">
				<p><span class="mous_on">点击排行</span><span class="new_arc">最新文章</span><span>作者推荐</span></p>
				<div class="news_tit">
					<ul>
						<li><i></i><a href="#">111住在手机里的朋友</a></li>
						<li><i></i><a href="#">住在手机里的朋友</a></li>
						<li><i></i><a href="#">住在手机里的朋友</a></li>
						<li><i></i><a href="#">住在手机里的朋友</a></li>
						<li><i></i><a href="#">住在手机里的朋友</a></li>
						<li><i></i><a href="#">住在手机里的朋友</a></li>
					</ul>
					<ul>
						<li><i></i><a href="#">222住在手机里的朋友</a></li>
						<li><i></i><a href="#">住在手机里的朋友</a></li>
						<li><i></i><a href="#">住在手机里的朋友</a></li>
						<li><i></i><a href="#">住在手机里的朋友</a></li>
						<li><i></i><a href="#">住在手机里的朋友</a></li>
						<li><i></i><a href="#">住在手机里的朋友</a></li>
					</ul>
					<ul>
						<li><i></i><a href="#">333住在手机里的朋友</a></li>
						<li><i></i><a href="#">住在手机里的朋友</a></li>
						<li><i></i><a href="#">住在手机里的朋友</a></li>
						<li><i></i><a href="#">住在手机里的朋友</a></li>
						<li><i></i><a href="#">住在手机里的朋友</a></li>
						<li><i></i><a href="#">住在手机里的朋友</a></li>
					</ul>
				</div>
			</div>
			<div class="target">
				<h3>标签云</h3>
				<a href="#">html</a><a href="#">个人博客</a><a href="#">前端开发</a><a href="#">div+css</a><a href="#">javascript</a><a href="#">html5+css3</a><a href="#">百度</a><a href="#">股市</a><a href="#">武魂</a><a href="#">硬汉</a><a href="#">90后</a>
			</div>
			<div class="weixin">
				<h3>微信关注我</h3>
				<img src="images/wx.png"width="250"alt="微信关注我"title="步浪个人博客"/>
			</div>
			<div class="friendly_link">
				<h3>友情链接</h3>
				<div class="link_con">
					<a href="www.baidu.com">百度</a><a href="www.baidu.com">天猫</a><a href="www.baidu.com">新浪</a><a href="www.baidu.com">段亮博客</a><a href="www.baidu.com">卢松松博客</a>
					<div style="clear:both;"></div>
				</div>
			</div>
		</div>
		<div style="clear:both;"></div>
	<!--article end-->
	<div style="clear:both;"></div>
</div>
<div class="return_top"><a href="javascript:void(0)"></a></div>
<div class="footer">
	<a href="#">步浪个人博客</a>&nbsp;&nbsp;|&nbsp;&nbsp;晋ICP备14007548号&nbsp;&nbsp;|&nbsp;&nbsp;网站开发者：步浪
</div>
<!--con end-->
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"slide":{"type":"slide","bdImg":"3","bdPos":"left","bdTop":"250"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/my.js"></script>
</body>
</html>